@import '~@/pagecss/public.less';
.merits-box{
    height: 100vh;
    padding: 27/75rem 30/75rem 30/75rem;
    background-color: #EEEEEE;
    box-sizing: border-box;
    .merits-card{
        position: relative;
        height: 307/75rem;
        padding: 25/75rem 32/75rem 32/75rem;
        margin-bottom: 27/75rem;
        box-shadow:0px 2px 8px 1px rgba(153,153,153,1);
        border-radius:7px;
        box-sizing: border-box;
        background-color: #ffffff;
        z-index: 9999;
        div{
            justify-content: space-between;
            align-items: center;
        }
        .card-title{
            padding-bottom: 20/75rem;
            border-bottom: .5px solid rgba(238,238,238,1);
            .month{
                font-size: 30/75rem;
            }
            .time{
                font-size: 26/75rem;
            }
            .month,.time{
                color: #4787E4;
            }
        }
        .card-body{
            padding: 0 10/75rem;
            .user-content-box{
                margin-top: 37/75rem;
            }
            .user-head{
                width: 110/75rem;
                height: 110/75rem;
                margin-top: 37/75rem;
                margin-right: 26/75rem;
                border-radius: 50%;
                background-position: 50% 50%;
                background-size: cover;
            }
            .merits-sort{
                margin-bottom: 15/75rem;
                font-size: 24/75rem;
                color: rgba(0, 0, 0, .65);
            }
            .merits-num{
                text-align: center;
                color: #F0B167;
            }
            .user-name{
                margin-bottom: 15/75rem;
                font-size: 30/75rem;
                text-align: center;
            }
        }
    }
    .merits-item{
        padding: 46/75rem 24/75rem;
        margin-bottom: 20/75rem;
        border-radius: 5px;
        background-color: #ffffff;
        .item-tip{
            margin-bottom: 10/75rem;
            font-size: 30/75rem;
        }
        .item-content{
            justify-content: space-between;
            align-items: center;
        }
        .item-partment{
            font-size: 24/75rem;
            color: rgba(0, 0, 0, .65);
        }
        .level{
            padding: 2px 40/75rem;
            color: #ffffff;
            border-radius: 18px;
            background-color: #4787E4;
        }
    }
}
